#app{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
.content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 1.5625rem;
	/*overflow: auto;*/
}

.footer{
	height: 1.5625rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f3f3f4;
}

.footer ul{
	display: -webkit-box;
	display: flex;
}
.footer ul li{
	-webkit-box-flex: 1;      
	-moz-box-flex: 1;         
	-ms-flex: 1; 	
	flex: 1;
}
.footer ul li a{
	height: 1.5625rem;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	flex-direction: column;
	-moz-box-pack: center; 
    -webkit-box-pack: center; 
    box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	position: relative;
}
.ft-icon{
	width: .78125rem;
	height: .8125rem;
	background: url(../img/ft-icon.png) no-repeat;
	background-size: 6.28125rem .8125rem;
	margin: -6px 0 5px 0;
}
.footer ul li:nth-child(1) .ft-icon{
	background-position: -3.125rem 0;
}
.footer ul li:nth-child(2) .ft-icon{
	background-position: -1.5625rem 1px;
}
.footer ul li:nth-child(4) .ft-icon{
	background-position: -4.6875rem 0;
}
.footer ul li:nth-child(1) a.active .ft-icon{
	background-position: -3.90625rem 0;
	animation: abc .5s 1;
}
.footer ul li:nth-child(2) a.active .ft-icon{
	background-position: -2.34375rem 1px;
	animation: abc .5s 1;
}
.footer ul li:nth-child(3) a.active .ft-icon{
	background-position: -.78125rem 0;
	animation: abc .5s 1;
}
.footer ul li:nth-child(4) a.active .ft-icon{
	background-position: -5.46875rem 0;
	animation: abc .5s 1;
}

.ft-text{
	color: #777777;
	font-size: .34375rem; 
}
.count-icon{
	width: 0.7rem;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	background: red;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0.2rem;
	border-radius: 50%;
	animation: abc .5s 1;
}
.footer .active .ft-text{
	color: #ffd600;
	font-size: .34375rem;
}
@keyframes abc{
	0%{

	}
	30%{
		transform: scale(0.5);
	}
	50%{
		transform: scale(1);
	}
	70%{
		transform: scale(0.7);
	}
	100%{
		transform: scale(1);
	}
}